<div class="warp">
    <!-- 顶部 -->

    <div class="top">
        <div class="topLeft">
            <span></span>
            <div>
                <a href="#">下拉查看类目</a>
                <!-- 下拉菜单 -->
                <div class="topLeftBox">
                    <a href="/html/list.html">礼包收藏</a>
                    <a href="#">手办模型</a>
                    <a href="#">玩家共创</a>
                    <a href="#">新品专区</a>
                    <a href="#">数码电子</a>
                    <a href="#">服饰日用</a>

                </div>
                </span>

                <!-- 下三角形 -->
                <span></span>
                <!-- 上三角形 -->
                <span></span>
            </div>
        </div>
        <div class="topCenter">
            <a href="/index.html"><img src="/images/head_logo.png" alt=""><span></span></a>
        </div>
        <div class="topRight">
            <span class="top_qq"></span>
            <a href="/html/logIn.html">请QQ登录</a>
            <span class="toplist">我的订单
                <div class="top_tip" style="display: none;">
                        <a href="#">我的订单</a>
                        <a href="#">我的收藏</a>
                        <a href="#">我的优惠券</a>
                        <a href="#">我的道具</a>
                </div>
            </span>
            <span class="toplist">周边公告
                <div class="top_tip" style="display: none;">
                        <a href="#">我的订单</a>
                        <a href="#">我的收藏</a>
                        <a href="#">我的优惠券</a>
                        <a href="#">我的道具</a>
                </div>
            </span>
            <span class="toplist">帮助中心
                <div class="top_tip" style="display: none;">
                        <a href="#">我的订单</a>
                        <a href="#">我的收藏</a>
                        <a href="#">我的优惠券</a>
                        <a href="#">我的道具</a>
                </div>
            </span>
            <span class="toplist">手机周边
                <div class="top_tip" style="display: none;">
                        <a href="#">我的订单</a>
                        <a href="#">我的收藏</a>
                        <a href="#">我的优惠券</a>
                        <a href="#">我的道具</a>
                </div>
            </span>

        </div>
    </div>
    <div class="nav">
        <ul id="tabList">
            <!-- <li><a href="/index.html">商品首页</a></li> -->
            <!-- <li><a href="/html/list.html">全部商品</a></li>
            <li><a href="/html/list.html">礼包收藏</a></li>
            <li><a href="/html/list.html">领取游戏道具</a></li>
            <li><a href="/html/list.html">土罐市集</a></li>
            <li><a href="/html/list.html">妙趣盒·点亮大集结</a></li> -->
            <!-- <li><input type="text" placeholder="全站搜索"><span></span></li> -->

        </ul>
        <script type="text/html" id="renderNav">
            <li><a href="/index.html">商品首页</a></li>
            {{each data item}}
            <li><a href="/html/list.html?i={{item.id}}">{{item.name}}</a></li>
            {{/each}}
            <li><input type="text" placeholder="全站搜索"><span></span></li>
        </script>

    </div>

</div>